<!-- Start: PRODUCT LIST -->
  <div class="container">
    <div class="page-header">
      <h2>Our projects</h2>
    </div>
    <div class="row-fluid">
      <ul class="thumbnails">
        <?php foreach ($projects as $project): ?>
        <li class="span3">
          <div class="thumbnail">
            <img src="<?php echo $this->basePath().'/project/pic/'; $img  = $project->getImages(); $path = $img[0]->getPath();  echo isset($path) ?  $path: 'noPhoto.jpg';?>" alt="product name">
            <div class="caption">
              <h3><?php echo $project->getTitle();?></h3>
              <h4>Category: </h4><h5><?php echo $project->getCategory()->getCategoryName();?></h5>
              <p>
                  <?php echo substr($project->getShortdescription(), 0, 250).' ...';?> 
              </p>
            </div>
            <div class="widget-footer">
              <p>               
                <a href="<?php echo $this->url('project/wildcard', array('controller' => 'index', 'action' => 'show', 'id' => $project->getId()));?>" class="btn">Read more</a>
              </p>
            </div>
          </div>
        </li>
        <?php endforeach;?>
      </ul>
    </div>
    <div class="pagination pagination-centered">
          <ul>
            <li class="disabled">
              <a href="#">&laquo;</a>
            </li>
            <li class="active">
              <a href="#">1</a>
            </li>
            <li>
              <a href="#">2</a>
            </li>
            <li>
              <a href="#">3</a>
            </li>
            <li>
              <a href="#">4</a>
            </li>
            <li>
              <a href="#">5</a>
            </li>
            <li>
              <a href="#">6</a>
            </li>
            <li>
              <a href="#">&raquo;</a>
            </li>
          </ul>
    </div>
  </div>
<!-- End: PRODUCT LIST -->